<?php use_javascript('boletounion.js') ?>
<?php use_helper('rutas') ?>

<script type="text/javascript">
    $(document).ready(function()
    {                                               
        $("#guardarcliente").click(function() {  
            $.ajax({ 
                url: '<?php echo url_for('boletounion/guardarCliente') ?>',
                type: 'POST',
                data: { 
                    ci : $('#cibusqueda').val(), 
                    nombre : $('#nom').val(), 
                    apellido : $('#ape').val(), 
                    telefono : $('#tel').val(),
                    email : $('#email').val()
                },
                dataType: 'json',
                cache: false,                                 
                beforeSend: function () {
                    alert('Guardando Cliente');
                },
                success:  function (data) {
                    if (data['status'] == 'ok') {
                        alert('Se guardaron con éxito los \n\
                            datos del nuevo cliente');
                        $('#nombre1').val($('#nom').val()+" "+$('#ape').val());
                        $('#nombre2').val($('#nom').val()+" "+$('#ape').val()); 
                        document.getElementById("nom").disabled="disabled";
                        document.getElementById("ape").disabled="disabled";
                        document.getElementById("tel").disabled="disabled";
                        document.getElementById("email").disabled="disabled";
                        document.getElementById("guardarcliente").disabled="disabled";
                    } else {
                        alert(data['message']);
                    }
                },
                error:  function () {
                    alert('Ha ocurrido un error al \n\
                            guardar el nuevo cliente');
                }
            });                    
        }).change(function()
        {               
        });
    });         
</script>               
<script type="text/javascript">
    $(function () {
        $('#btnventa').click(function () {
            $.ajax({
                url: '<?php echo url_for('boletounion/new') ?>',
                type: 'POST',
                data: {
                    ci : $('#cibusqueda').val(), 
                    destino : $('#destinoboleto').val(),                   
                    valor : $('#valorboleto1').val(),
                    id_ru : $('#ruta').val(),
                    id_fr : $('#frecuencia').val(),
                    hora : $('#horaboleto').val(),
                    fecha : $('#fechaboleto1').val(),
                    asientos : $('#asientosboleto1').val()  
                },      
                //$('form').serialize(),
                dataType: 'json',
                cache: false,                                 
                success:  function (data) {
                    if (data['status'] == 'ok') {
                        alert('Se realizó con éxito la venta');
                        document.location = '<?php echo url_for('boletounion/detalle') ?>' + '?id=' + data['id'] ;
                    } else {
                        alert(data['error']);
                    }
                },
                error:  function () {
                    alert('Ha ocurrido un error al guardar el boleto');
                }
            });            
        });
    });
</script>

<form method="POST"> 
    <br><div align="center"><font size="10"><b>BOLETO</b></font></div><br>
    <div id="" align="center" >

        <table border="1">
            <tr>
                <td align="center" colspan="4"><font style="color: red"><b>Opciones de Llenado de Datos </b> </font><input id="coopid" name="coopid" type="text" value="<?php echo $idco ?>" style="visibility: hidden"/>              </td>

            </tr>
            <tr>
                <td><b>Seleccione Ruta de Viaje:</b></td>
                <td>
                    <select name="ruta" id="ruta">
                        <option value=""> Seleccione una Ruta </option>                    
                        <?php if (!empty($rutasuni)): ?>
                            <?php foreach ($rutasuni as $ruts): ?>
                                <option value="<?php echo $ruts->getIdRu() ?>"><?php echo $ruts->getSalida() ?> -- <?php echo $ruts->getLlegada() ?></option>                   
                            <?php endforeach; ?>
                        <?php else: ?>
                            <option >No existe ninguna cooperativa en el sistema</option>
                        <?php endif ?>
                    </select>

                </td>
                <td><b>Seleccione Ciudad Destino:</b></td>
                <td>
                    <select name="escala" id="escala">
                        <option >Seleccione una ruta para cargar las escalas</option>
                    </select>  
                </td>
            </tr>

            <tr>
                <td><b>Seleccione Fecha:</b></td>                
                <td>
                    <select name="dias" id="dias">
                        <?php for ($i = $date['mday']; $i <= $dias_mes; $i++): ?>
                            <option value="<?php echo $i ?>"><?php echo $i ?></option>                                                               
                        <?php endfor ?>
                    </select>
                    <span>de <?php echo mes_texto(date('n')), ' del ', date("Y") ?></span>
                </td>


                <td><b>Seleccione Horario:</b></td>
                <td>
                    <select name="frecuencia" id="frecuencia">                     
                        <option >Seleccione la ruta para cargar sus horarios disponibles</option>
                    </select>    
                </td>

            </tr>
            <tr>
                <td colspan="2"><b>Bus Designado:</b></td>
                <td colspan="2">   
                    <input id="busturno" name="busturno" value="||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||"readonly="readonly"/>
                </td>   
            </tr>
            <tr>
                <td><b>Asientos Disponibles:</b></td>            
                <td colspan="3"><select name="asientostotales" id="asientostotales">                     
                        <option>||Ventana||Pasillo||||Pasillo||Ventana||</option>
                    </select> 
                </td>
            </tr>
            <tr>                
                <td align="center" colspan="4"><font style="color: red"><b>Datos Cliente </b> </font></td>
            </tr>
            <tr>
                <td colspan="2"><b>Ingrese C.I. :</b><input id="cibusqueda" name="cibusqueda" value=""/></td>
                <td><font style="color: palegreen">Presione Enter para Busqueda</font></td>
                <td>
                    <input type="button" id="guardarcliente" name="guardarcliente"title="Guardar Nuevo Cliente" value="Guardar" disabled="disabled" /></td>
            </tr>
            <tr>
                <td><b>Nombres:</b></td>
                <td><input id="nom" name="nom" value="" disabled="disabled" /></td>
                <td><b>Apellidos:</b></td>
                <td><input id="ape" name="ape" value="" disabled="disabled" /></td>
            </tr>
            <tr>
                <td><b>Teléfono:</b></td>
                <td><input id="tel" name="tel" value="" disabled="disabled" /></td>
                <td><b>Email:</b></td>
                <td><input id="email" name="email" value="" disabled="disabled"/></td>
            </tr>
        </table>

    </div>
    <br><br>

    <!--<div id="fondos2" align="center" class="cajatablausuariobus">-->
    <div align="center">
        <div id="boletoCariamangacontanier" align="center">
            <div id="encabezadoBoletoC" align="center">
                <font size="0,1"><b>Matriz:</b>&nbsp;Lauro Guerrero s/n y José Antonio Telefax: 2572908 . Loja<br>
                <b>SUCURSAL TERMINAL TERRESTRE:</b> Av. 8 de Diciembre s/n . Telf.: 257029 <br></font>
            </div><br><br><br><br><br>

            <div id="encabezadoBoletoCariamanga" align="Center">
                <b>Cooperativa de Transporte</b><br>
                <font size="4"><b>"UNION CARIAMANGA"</b><br></font>
                Sugerencias al correo
                info@unioncariamanga.com.ec * www.unioncariamanga.com.ec
            </div>

            <div id="encabezadoBoletoCariamanga2" >

                <div id="escudoboletoCariamanga">
                    <div class="spritesescudocariamangaverde" id="escudocariamangaverde_jpg"></div>
                </div>
                <div id="tituloboletoCariamanga" align="center">
                    <b>Cooperativa de Transporte</b> <br>
                    <font size="4"><b>"UNIÓN CARIAMANGA"</b></font><br>
                    <font size="4"><b>"INTEGRANDO LAS FRONTERAS DEL ECUADOR Y PERU"</b></font><br>
                    <b>Matriz:</b>&nbsp;Lauro Guerrero s/n y José Antonio Eguiguren <b>Telefax:</b> 2572908 . Loja<br>
                    <b>SUCURSAL TERMINAL TERRESTRE:</b> Av. 8 de Diciembre s/n . <b>Telf:</b> 257029 <br>
                    <b>R.U.C: 1190081474001&nbsp;&nbsp;&nbsp;&nbsp;  Aut.S.R.I.: 1111264680</b>                                    
                </div>    
            </div>   
            <br><br><br><br><br><br><br><br><br>  

            <table id="boletoCariamanga3" align="center" border="3">
                <tr>
                    <td colspan="2"><b>FECHA:</b><input id="fechaboleto1" name="fechaboleto1" readonly="readonly"/></td>
                    <td>|||||</td>
                    <td colspan="3"><b>NOMBRE:</b><input id="nombre1" name="nombre1" type="text" value="" readonly="readonly"/></td>
                    <td><b>BUS N°:</b><input id="busboleto1" name="busboleto1" readonly="readonly"/></td>
                </tr>
                <tr>
                    <td colspan="2"><b>VALOR DEL PASAJE:</b>&nbsp;<input id="valorboleto1" name="valorboleto1"readonly="readonly"/></td>
                    <td>|||||</td>
                    <td colspan="2"><b>FECHA DE VIAJE:</b>&nbsp;<input id="fechaboleto2" name="fechaboleto2"readonly="readonly"/></td>
                    <td><b>HORA DE SALIDA:</b>&nbsp;
                        <input id="horaboleto" name="horaboleto"readonly="readonly"/>
                    </td>
                    <td><b>VALOR DEL PASAJE:</b><input id="valorboleto2" name="valorboleto2"readonly="readonly"/></td>
                </tr>
                <tr>
                    <td colspan="2"><b>IVA:</b>&nbsp;<input type="text" value="0.oo" readonly="readonly"/></td>
                    <td>|||||</td>
                    <td colspan="2"><b>TERMINAL:</b>&nbsp;<input type="text" value="LOJA" readonly="readonly"/></td>
                    <td><b>VIAJA A:</b>&nbsp;<input id="destinoboleto" name="destinoboleto"readonly="readonly"/></td>
                    <td><b>IVA&nbsp;%:</b>&nbsp;<input type="text" value="0.oo" readonly="readonly"/></td>
                </tr>
                <tr>
                    <td colspan="2"><b>TOTAL VALOR:</b>&nbsp;<input type="text" id="totalboleto1" name="totalboleto1" size="8" maxlength="10" readonly="readonly"/></td>
                    <td>|||||</td>
                    <td colspan="2"><b>ASIENTO N°:</b>&nbsp;<input type="text" id="asientosboleto1" name="asientosboletos1"/></td>
                    <td><b>VALOR DEL PASAJE:</b><input type="text" id="valorboleto3" name="valorboleto3" readonly="readonly"/></td>
                    <td><b>TOTAL $:</b>&nbsp;<input type="text" id="totalboleto2" name="totalboleto2" readonly="readonly"/></td>
                </tr>
                <tr>
                    <td colspan="2"><b>NOMBRE:</b><input id="nombre2" name="nombre2" readonly="readonly"/></td>
                    <td rowspan="2">|||||</td>
                    <td rowspan="2"colspan="4"><b>___________________________________</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>___________________________________</b><br><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FIRMA AUTORIZADA</b>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>RECIBI CONFORME</b></td>
                </tr>
                <tr>
                    <td ><b>ASIENTO N°:</b><input type="text" readonly="readonly" id="asientosboleto2" name="asientosboletos2"/></td>
                    <td ><b>BUS N°:</b><input id="busboleto2" name="busboleto2" readonly="readonly"/></td>
                </tr>

            </table>
        </div>
    </div>    
    <br><br><br><br><br>
    <br><br><br><br><br>
    <br><br><br><br>
    <div align="center">
        <input class="button2 button-azul " type="button" id="btnventa" name="btnventa"value="Venta" />
<!--        <button type="button" id="btnventa" name="btnventa"class="button2 button-green" title="Vender Boleto"><div class="spritescajaregistradora" id="cajaregistradora_jpg"></div>Vender</button>&nbsp;-->
        <!--    <button type="button" class="button2 button-green" title="Imprimir el boleto"><div class="spritesimpresoraboleto" id="impresoraboleto_jpg"></div>Imprimir</button>&nbsp;-->
    </div>
    <br>
</form>
<div align="center">

    <a href="<?php echo url_for('boletounion/index') ?>"><button type="submit" class="button2 button-green" title="Nuevo Boleto"><div class="spritesxicon" id="xicon_jpg"></div>Nuevo Boleto</button></a>&nbsp;&nbsp;
    <a href="<?php echo url_for('inicio/index') ?>"><button type="submit" class="button2 button-green" title="Regresar atras"><div class="spritesatras" id="atras_jpg"></div>Volver a Boleteria</button></a><br><br><br><br>
</div>